
@mixin allRest() {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    list-style-type: none;
    -webkit-text-size-adjust: none;
    zoom: 1;
    resize: none;
    // font-family: PingFangSC-Regular iconfont, sans-serif;
    font-family: PingFangSC-Regular, Microsoft Yahei, Avenir, Helvetica, Arial, iconfont, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
    color: inherit;
    // -webkit-user-select: none;
}

view,
scroll-view,
image,
input,
label,
textarea,
button {
    @include allRest();
}

/* #ifdef H5 */
* {
    @include allRest();
}
/* #endif */



[class^="icon-"] {
    font-family: iconfont, PingFang SC, Microsoft YaHei, sans-serif;
}

button {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    &:before,
    &:after {
        border: 0;
    }
}

image {
    display: block;
    // overflow: unset;
    // -ms-interpolation-mode: bicubic;
    // will-change: transform;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
}

/* 让Chrome内核在自动填表的时候不显示黄底 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    /* 去除number类型输入框右侧的spinners */
    -webkit-appearance: none;
    margin: 0;
}

:active,
:focus {
    outline: none;
}

::-webkit-scrollbar {
    width: 0;
    height: 0;
}

::-webkit-input-placeholder,
.placeholder {
    color: #c5c5c5;
    font-weight: normal;
}



body,
page {
    width: 100%;
    height: 100%;
    font-weight: normal;
    background-color: #f4f4f4;
    font-size: 28rpx;
    color: #333;
    cursor: default;
}

svg:not(:root) {
    overflow: hidden;
}

//#ifdef H5
html,
body {
    width: 100%;
    height: 100%;
}
html.header-hide {
    uni-page-head {
        display: none !important;
    }
}

// h1,
// h2,
// h3,
// h4,
// h5,
// h6 {
//     font-weight: normal;
//     font-size: inherit;
//     margin-block-start: 0;
//     margin-block-end: 0;
// }
// b {
//     font-weight: normal;
// }
// em {
//     font-style: normal;
// }
// i {
//     @include align(center);
//     font-style: normal;
// }
// pre {
//     overflow: hidden;
//     white-space: pre-line;
//     word-break: break-all;
//     font-family: inherit;
// }
// iframe {
//     display: block;
// }
input,
button,
textarea {
    -webkit-appearance: none;
}


input:disabled {
    background-color: transparent;
    color: #ccc;
}

// table {
//     table-layout: fixed;
//     border-collapse: collapse;
// }

// a {
//     text-decoration: none;
//     color: inherit;
// }
// article {
//     all: initial !important;
// }
// #endif

rich-text{
    font-size: 30rpx;
}

.pad_bottom_safe {
    padding-bottom: env(safe-area-inset-bottom);
}


.data_max,
.data_loading {
    display: block;
    width: 100%;
    color: #ccc;
    font-size: 22px;
    text-align: center;
    line-height: 60px;
}

.data_loading {
    color: #666;
}

.overflow {
    @include overflow();
}

.h-number {
    font-family: HaettenschweilerNumber;
}

.flex {
    display: flex;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-v-center {
    display: flex;
    align-items: center;
}

.flex-h-center {
    display: flex;
    justify-content: center;
}

.flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flex-start {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.flex-end {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.flex-1 {
    flex: 1;
}

.mar-b5 {
    margin-bottom: 5rpx;
}

.mar-t5 {
    margin-top: 5rpx;
}

.mar-l5 {
    margin-left: 5rpx;
}

.mar-r5 {
    margin-right: 5rpx;
}

.mar10 {
    margin: 10rpx;
}

.mar-b10 {
    margin-bottom: 10rpx;
}

.mar-t10 {
    margin-top: 10rpx;
}

.mar-l10 {
    margin-left: 10rpx;
}

.mar-r10 {
    margin-right: 10rpx;
}

.mar-lr10 {
    margin-left: 10rpx;
    margin-right: 10rpx;
}

.mar-tb10 {
    margin-top: 10rpx;
    margin-bottom: 10rpx;
}

.mar20 {
    margin: 20rpx;
}

.mar-b20 {
    margin-bottom: 20rpx;
}

.mar-t20 {
    margin-top: 20rpx;
}

.mar-l20 {
    margin-left: 20rpx;
}

.mar-r20 {
    margin-right: 20rpx;
}

.mar-lr20 {
    margin-left: 20rpx;
    margin-right: 20rpx;
}

.mar-tb20 {
    margin-top: 20rpx;
    margin-bottom: 20rpx;
}

.mar30 {
    margin: 30rpx;
}

.mar-b30 {
    margin-bottom: 30rpx;
}

.mar-t30 {
    margin-top: 30rpx;
}

.mar-l30 {
    margin-left: 30rpx;
}

.mar-r30 {
    margin-right: 30rpx;
}

.mar-lr30 {
    margin-left: 30rpx;
    margin-right: 30rpx;
}

.mar-tb30 {
    margin-top: 30rpx;
    margin-bottom: 30rpx;
}

.mar-b0 {
    margin-bottom: 0;
}

.mar-t0 {
    margin-top: 0;
}

.mar-l0 {
    margin-left: 0;
}

.mar-r0 {
    margin-right: 0;
}


.pad10 {
    padding: 10rpx;
}

.pad-b10 {
    padding-bottom: 10rpx;
}

.pad-t10 {
    padding-top: 10rpx;
}

.pad-l10 {
    padding-left: 10rpx;
}

.pad-r10 {
    padding-right: 10rpx;
}

.pad-lr10 {
    padding-left: 10rpx;
    padding-right: 10rpx;
}

.pad-tb10 {
    padding-top: 10rpx;
    padding-bottom: 10rpx;
}

.pad20 {
    padding: 20rpx;
}

.pad-b20 {
    padding-bottom: 20rpx;
}

.pad-t20 {
    padding-top: 20rpx;
}

.pad-l20 {
    padding-left: 20rpx;
}

.pad-r20 {
    padding-right: 20rpx;
}

.pad-lr20 {
    padding-left: 20rpx;
    padding-right: 20rpx;
}

.pad-tb20 {
    padding-top: 20rpx;
    padding-bottom: 20rpx;
}


.pad30 {
    padding: 30rpx;
}

.pad-b30 {
    padding-bottom: 30rpx;
}

.pad-t30 {
    padding-top: 30rpx;
}

.pad-l30 {
    padding-left: 30rpx;
}

.pad-r30 {
    padding-right: 30rpx;
}

.pad-lr30 {
    padding-left: 30rpx;
    padding-right: 30rpx;
}

.pad-tb30 {
    padding-top: 30rpx;
    padding-bottom: 30rpx;
}

.pad-b0 {
    padding-bottom: 0;
}

.pad-t0 {
    padding-top: 0;
}

.pad-l0 {
    padding-left: 0;
}

.pad-r0 {
    padding-right: 0;
}


.b-radius-5 {
    border-radius: 5rpx;
}
.b-radius-10 {
    border-radius: 10rpx;
}

.b-radius-15 {
    border-radius: 15rpx;
}

.b-radius-20 {
    border-radius: 20rpx;
}

.b-radius-30 {
    border-radius: 30rpx;
}

.whfull {
    width: 100%;
    height: 100%;
}

.wfull {
    width: 100%;
}

.w10 {
    width: 10rpx;
}

.w20 {
    width: 20rpx;
}

.w30 {
    width: 30rpx;
}

.w40 {
    width: 40rpx;
}

.w50 {
    width: 50rpx;
}

.w60 {
    width: 60rpx;
}

.w70 {
    width: 70rpx;
}

.w80 {
    width: 80rpx;
}

.w90 {
    width: 90rpx;
}

.w100 {
    width: 100rpx;
}

.w150 {
    width: 150rpx;
}

.w200 {
    width: 200rpx;
}

.w250 {
    width: 250rpx;
}

.w300 {
    width: 300rpx;
}

.w400 {
    width: 400rpx;
}

.w500 {
    width: 500rpx;
}

.w600 {
    width: 600rpx;
}

.hfull {
    height: 100%;
}

.h10 {
    height: 10rpx;
}

.h20 {
    height: 20rpx;
}

.h30 {
    height: 30rpx;
}

.h40 {
    height: 40rpx;
}

.h50 {
    height: 50rpx;
}

.h60 {
    height: 60rpx;
}

.h70 {
    height: 70rpx;
}

.h80 {
    height: 80rpx;
}

.h90 {
    height: 90rpx;
}

.h100 {
    height: 100rpx;
}

.h150 {
    height: 150rpx;
}

.h200 {
    height: 200rpx;
}

.h250 {
    height: 250rpx;
}

.h300 {
    height: 300rpx;
}

.h400 {
    height: 400rpx;
}

.h500 {
    height: 500rpx;
}

.h600 {
    height: 600rpx;
}

.h700 {
    height: 700rpx;
}

.h800 {
    height: 800rpx;
}

.fs12 {
    font-size: 12rpx;
}

.fs14 {
    font-size: 14rpx;
}

.fs16 {
    font-size: 16rpx;
}

.fs18 {
    font-size: 18rpx;
}

.fs20 {
    font-size: 20rpx;
}

.fs22 {
    font-size: 22rpx;
}

.fs24 {
    font-size: 24rpx;
}

.fs26 {
    font-size: 26rpx;
}

.fs28 {
    font-size: 28rpx;
}

.fs30 {
    font-size: 30rpx;
}

.fs32 {
    font-size: 32rpx;
}

.fs34 {
    font-size: 34rpx;
}

.fs36 {
    font-size: 36rpx;
}

.fs38 {
    font-size: 38rpx;
}

.fs40 {
    font-size: 40rpx;
}

.fs50 {
    font-size: 50rpx;
}

.fs60 {
    font-size: 60rpx;
}

.fs80 {
    font-size: 80rpx;
}

.fs100 {
    font-size: 100rpx;
}

.fs150 {
    font-size: 150rpx;
}

.fw-bold {
    font-weight: bold;
}

.fw-normal {
    font-weight: normal;
}

.color-fff {
    color: #333;
}

.color-333 {
    color: #333;
}

.color-666 {
    color: #666;
}

.color-999 {
    color: #999;
}

.color-ccc {
    color: #ccc;
}

.color-red {
    color: #ff0000;
}

.color-fff {
    color: #fff;
}
.bg-fff {
    background: #fff;
}

.border-eee {
    border: 1px solid #eee;
}

.border-ddd {
    border: 1px solid #ddd;
}
.border-btm-ddd {
    border-bottom: 1px solid #ddd;
}

.border-btm-eee {
    border-bottom: 1px solid #eee;
}
.border-top-ddd {
    border-bottom: 1px solid #ddd;
}

.border-top-eee {
    border-bottom: 1px solid #eee;
}



// .color-main {
//     color: $base-color;
// }

.sticky {
    position: sticky;
    top: 0;
    z-index: 1;
}


// #ifdef H5
uni-page {
    display: flex;
    flex-direction: column;

    uni-page-wrapper {
        flex: 1 0 1px;

        &::after {
            display: none !important;
        }

        uni-page-body {
            width: 100%;
            height: 100%;

            .page {
                width: 100%;
                height: 100%;
            }
        }
    }
}

.uni-page-head-btn {
    text-align: center;
}

// #endif

// #ifdef APP-PLUS
.page {
    width: 100%;
    height: 100vh;
}

// #endif

// 淡出淡入
.fadeInDown {
    animation: fadeInDown .5s ease both;
}

.fadeOutUp {
    animation: fadeOutUp 1s ease both;
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        transform: translateY(-20px)
    }
}

